@charset "utf-8";
@import "common/reset";
@import "common/util";
@function p($px) {
    @return $px/2*1px;
}

@mixin transf {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

$orange:#ff9344;
.findMobile {
    // 头部
    header {
        .letter {
            float: right;
            width: p(62);
            height: p(43);
            margin-top: p(45);
            margin-right: p(18);
            position: relative;
            img {
                width: 100%;
            }
        }
        .search {
            font-size: p(26);
            text-align: center;
            border: none;
        }
    } // 主体内容
    section {
        width: 100%;
        position: absolute;
        top: p(130);
        bottom: p(137);
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-top: p(10); // 信息登录
        .information {
            margin: 0 p(23);
            height: p(173);
            overflow: hidden;
            .idImg {
                float: left;
                width: p(172);
                height: p(172);
                overflow: hidden;
                position: relative;
                border-radius: p(40);
                img {
                    width: 100%;
                    @include transf;
                }
            }
            .idInfor {
                padding-left: p(193);
                position: relative;
                a {
                    display: inline-block;
                    font-size: p(30);
                    line-height: p(30);
                    color: #000;
                    margin: p(45) 0 0 p(24);
                }
                .address {
                    font-size: p(26);
                    color: #9d9d9d;
                    margin: p(37) 0 0 p(24);
                }
                .more {
                    position: absolute;
                    font-size: p(87);
                    color: #000;
                    top: 0;
                    right: 0;
                    margin: 0;
                    line-height: p(173);
                }
            }
        } // 我的功能
        .myFunction {
            padding: 0 p(23);
            width: 100%;
            overflow: hidden;
            margin-top: p(27);
            box-sizing: border-box;
            li{
                width: 27.25%;
                padding-top: 21.18%;
                position: relative;
                overflow: hidden;
                float: left;
                margin-right: 8.75%;
                a{
                    width: 100%;
                    @include transf;
                    img{
                        width: 100%;
                    }
                }
            }
            li:last-child{
                margin-right: 0;
            }
        } // 更多功能
        .allTitle {
            padding: 0 p(21);
            line-height: p(70);
            margin-top: p(33);
            .wimg {
                display: inline-block;
                width: p(95);
            }
            .gn1 {
                img {
                    width: p(54);
                    height: p(74);
                }
            }
            .gn2 {
                img {
                    width: p(70);
                    height: p(78);
                }
            }
            .gn3 {
                img {
                    width: p(94);
                    height: p(59);
                }
            }
            .gn4 {
                img {
                    width: p(58);
                    height: p(58);
                }
            }
            .gn5 {
                img {
                    width: p(98);
                    height: p(78);
                }
            }
            .gn6 {
                img {
                    width: p(86);
                    height: p(62);
                }
            }
        }
        .allTitle:nth-child(5){
            margin-top: p(60);
        }
 // 退出，注销
        .exit {
            height: p(75);
            margin: p(30) p(23) p(20);
            width: 100%;
            text-align: center;
            overflow: hidden;
            p {
               
                a {
                    display: inline-block;
                    background: $orange;
                    width: p(148);
                    height: p(75);
                    color: #fff;
                    font-size: p(24);
                    line-height: p(75);
                    border-radius: p(40);
                    margin-right: 32.8%;
                }
                a:last-child {
                    margin-right: 0;
                }
            }
        }
    }
}